<template>
  <div class="littlePart">
    <div name="title" class="title">
      {{ bigTitle }}
    </div>
    <div class="contents">
        <slot class="h-100" name="contents"> </slot>

    </div>
    <div class="bottom">
        <slot name="bottom"> </slot>

    </div>
 

  </div>
</template>
<script setup lang="ts">
const props = defineProps({
  bigTitle: {
    type: String,
    default: "标题",
  },
});
</script>
<style lang="scss">
.littlePart {
  width: 100%;
  height: 100%;
  .title {
    width: 100%;
    height: 10%;
    font-size: 18px;
    font-family: PingFang SC-Heavy, PingFang SC;
    font-weight: 800;
    color: #353535;
    margin: 10px 0 0 10px;
  }
  .contents {
    width: 100%;
    height: 80%;
    padding: 10px;

  }
   .bottom{
    width: 90%;
    height: 8%;
    display: flex;
    justify-content: flex-end;
   margin: 0 20px 20px 0;
   }
}
</style>
